<!-- pages/index/index.vue -->
<template>
	<view class="container">
		<Tabpanel />
		<CardGrid />
		
	</view>
	
</template>

<script>
	import NoticePopup from '@/components/notice-popup/notice-popup.vue';
	import CardGrid from '@/components/CardGrid.vue'
	import Tabpanel from '@/components/Tabpanel.vue'
	export default {
		components: {
			NoticePopup,
			CardGrid,
			Tabpanel
		},
		data() {
			return {
				userSaigeData: [], // 存储获取的数据
				loading: false, // 加载状态
				error: null // 错误信息
			}
		},
		methods: {
			
		},
		// 页面加载时获取数据
		onLoad() {
			
		}
	};
</script>

<style scoped>
	.container {
		padding: 40rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 100vh;
		background: #f5f7fa;
	}

	.btn {
		width: 80%;
		padding: 25rpx 0;
		margin: 30rpx 0;
		border-radius: 50rpx;
		background: linear-gradient(to right, #6a11cb, #2575fc);
		color: white;
		font-size: 32rpx;
		font-weight: 500;
		text-align: center;
		box-shadow: 0 10rpx 25rpx rgba(106, 17, 203, 0.3);

		&.important {
			background: linear-gradient(to right, #ff416c, #ff4b2b);
			box-shadow: 0 10rpx 25rpx rgba(255, 65, 108, 0.3);
		}
	}
</style>